<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	            xmlns:ui="http://java.sun.com/jsf/facelets"
	            xmlns:h="http://java.sun.com/jsf/html"
	            xmlns:f="http://java.sun.com/jsf/core"
	            xmlns:rich="http://richfaces.org/rich"
	            xmlns:a4j="http://richfaces.org/a4j"
	            template="/WEB-INF/layout/template.xhtml">

	<ui:define name="title">
		<h:outputText value="#{i18n['artikelAuswaehlen.title']}" />
	</ui:define>

	<ui:define name="contents">
		<h1><h:outputText id="createBestellungHeading"
			value="#{i18n['artikelAuswaehlen.heading']}" /></h1>

		<h:form id="auswahlForm">
			<rich:listShuttle sourceValue="#{bv.verfuegbareArtikel}"
					          targetValue="#{bv.ausgewaehlteArtikel}"
					          var="artikel"
							  sourceCaptionLabel="#{i18n['artikelAuswaehlen.verfuegbareArtikel']}"
						      targetCaptionLabel="#{i18n['artikelAuswaehlen.ausgewaehlteArtikel']}"
						      listsHeight="120"
						      sourceListWidth="150"
						      targetListWidth="150"
						      copyAllControlLabel="#{i18n['artikelAuswaehlen.copyAll']}"
						      copyControlLabel="#{i18n['artikelAuswaehlen.copy']}"
						      removeAllControlLabel="#{i18n['artikelAuswaehlen.removeAll']}"
						      removeControlLabel="#{i18n['artikelAuswaehlen.remove']}"
						      fastOrderControlsVisible="false"
						      orderControlsVisible="false"
						      converter="artikelAuswaehlenListShuttleConverter">

							  <!--
						      upControlLabel="#{i18n['artikelAuswaehlen.up']}"
						      downControlLabel="#{i18n['artikelAuswaehlen.down']}"
						      topControlLabel="#{i18n['artikelAuswaehlen.top']}"
						      bottomControlLabel="#{i18n['artikelAuswaehlen.bottom']}"
						      -->
				<rich:column>
					<h:outputText value="#{artikel.bezeichnung}"></h:outputText>
				</rich:column>
			</rich:listShuttle>

			<p>
				<h:commandButton action="#{bv.insertWarenkorb}"
					             value="#{i18n['artikelAuswaehlen.inDenWarenkorb']}" />
			</p>
		</h:form>
	</ui:define>
</ui:composition>
